/**
 * @description  : 案件相关样式
 * @descriptionDetail : 案件相关样式
 * @copyright    : 浙江烟草
 * @author       : mc
 * @create       : 2022-09-03 17:29:51
 */

.page {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;

	.content {}

	.content-padding {
		padding-left: 32rpx;
		padding-right: 32rpx;
	}

	.content-bg {
		background-color: $u-bg-color;
	}

	.slot-wrap {
		display: flex;
		align-items: center;
	}

	.navbar-right {
		margin-right: 24rpx;
		display: flex;
		color: $u-type-primary;
	}

	.right-item {
		margin: 0 12rpx;
		position: relative;
		color: $u-main-color;
		display: flex;
	}
}

.m-flex-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.space-content {
	height: 150rpx;
}

.flat-btn {
	position: fixed;
	bottom: 50rpx;
	margin: auto;
	left: 60rpx;
	right: 60rpx;
	height: 46px;
	z-index: 999;
}

.m-font-weight-500 {
	font-weight: 500;
}

// 固定底部按钮
.bottom-btn-info {
	position: fixed;
	bottom: 5px;
	right: 0;
	left: 0;
	z-index: 999;
}

.theme-color {
	color: $u-type-primary;
	margin-right: 30rpx;
}

.white-color {
	color: white;
	margin-right: 30rpx;
}

// 表单样式
.main-content {
	margin: 0 15px 10px 15px;

	.main-title {
		font-size: 20px;
		margin: 20px 0 5px 0;
		;
	}

	//表单文本内容居右显示
	.form-content {
		margin-bottom: 60px;
	}

	// 承办人样式
	.person-info {
		width: 100%;

		.p-title {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;

			.doc-sub-required {
				position: absolute;
				left: -8px;
				vertical-align: middle;
				color: #fa3534;
				padding-top: 3px;
			}

			.uicon-sty {
				color: $u-type-primary;
				padding-left: 10px;
			}
		}

		.p-content {
			.p-width {
				display: inline-block;
			}

			.p-space-left {
				padding-left: 40px;
			}
		}
	}
}

.inline-box {
	display: flex;
	align-items: center;
}

.loc-box {
	line-height: 38px;
	padding: 11px 0;
	font-size: 15px;
	color: #303133;
}

// 添加、编辑页面标题样式
.content {
	.party-info-content {
		padding: 10px 16px 16px;

		.party-info-title {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;

			.p-title-text {
				font-size: $font-size-1;
				font-weight: bold;
			}
		}

	}
}

.party-info-box {
	.text-right {
		text-align: right !important;
	}
}

.top-title-content {
	text-align: center;
	margin: 20px 0;

	.main-title {
		color: #000000;
		font-size: 18px;

		input {
			text-align: center;
			color: #000;
			font-weight: 600;
		}
	}

	.sub-title {
		font-size: 15px;
		margin: 3px;
	}

	.content-detail {
		margin: 3px;
	}
}

.audit-box {
	padding-bottom: 60px;
}

.audit-content {
	margin: 15px;

	.audit-title {
		text-align: center;
		font-weight: 600;
		padding: 0px 6px 10px 6px;
		border-bottom: 1px solid #f2f2f2;
	}

	.audit-text {
		padding: 10px 0;
		border-bottom: 1px solid #f2f2f2;
	}

	.audit-person {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.audit-require {
		vertical-align: middle;
		color: #fa3534;
		padding-top: 3px;
		padding-right: 3px;
	}
}